<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Weather</title>
</head>
<body>
    <table cellspacing="0" border="1px" height="60px">
        <tr>
            <th colspan="2">日期</th>
            <th colspan="2">天气现象</th>
            <th>气温</th>
            <th>风向</th>
            <th>风力</th>
        </tr>
        <tr>
            <td rowspan="2">13日星期一</td>
            <td>白天</td>
            <td><img src="./images/day.png"></img></td>
            <td>晴转多云</td>
            <td class="redfonze">高温7°C</td>
            <td>无持续风向</td>
            <td>微风</td>
        </tr>
        <tr>
            <td>夜间</td>
            <td><img src="./images/night.png"></img></td>
            <td>晴</td>
            <td class="bluefonze">低温-4°C</td>
            <td>无持续风向</td>
            <td>微风</td>
        </tr>
        <tr>
            <td rowspan="2">13日星期一</td>
            <td>白天</td>
            <td><img src="./images/day.png"></img></td>
            <td>晴</td>
            <td class="redfonze">高温9°C</td>
            <td>无持续风向</td>
            <td>微风</td>
        </tr>
        <tr>
            <td>夜间</td>
            <td><img src="./images/night.png"></img></td>
            <td>阴</td>
            <td class="bluefonze">低温-4°C</td>
            <td>无持续风向</td>
            <td>微风</td>
        </tr>
    </table>

    <style>
        th{
            background-color: #e2eafb;
        }
        img{
            width: 40px;
        }
        .redfonze{
            color: red;
        }
        .bluefonze{
            color: blue;
        }
        td{
            text-align: center;
            padding: 2px 20px;
        }
    </style>
</body>
</html>